<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>duitang</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <a href=""><img src="images/header-logo_03.png" alt="" class="header-logo"></a>
                <a href="" class="fl" id="flw">分类 <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                <div id="dt-nav-content" class="clr">
                    <div id="dt-nav-top">
                        <div class="dt-nav-group">
                            <a class="dt-nav-hot-link" href="">
                                热门推荐<i></i>
                            </a>
                            <a class="dt-nav-new-link" href="">
                                良品购<i></i>
                            </a>
                        </div>
                    </div>
                    <div id="dt-nav-bottom">
                        <div class="dt-nav-group">
                            <a href="">家居生活</a>
                            <a href="">美食菜谱</a>
                            <a href="">手工DIY</a>
                            <a href="">时尚搭配</a>
                            <a href="">美妆造型</a>
                            <a href="">婚纱婚礼</a>
                            <a href="">文字句子</a>
                            <a href="">插画绘画</a>
                            <a href="">影音书籍</a>
                            <a href="">人物明星</a>
                            <a href="">植物多肉</a>
                            <a href="">生活百科</a>
                            <a href="">搞笑萌宠</a>
                            <a href="">人文艺术</a>
                            <a href="">设计</a>
                            <a href="">古风</a>
                            <a href="">壁纸</a>
                            <a href="">旅行</a>
                            <a href="">头像</a>
                            <a href="">摄影</a>
                        </div>
                    </div>
                </div>
                <div class="sousuokuang">
                    <input type="text" placeholder="搜索感兴趣的内容">
                    <button type="submit"></button>
                </div>
            </div>
            <div class="col-md-6 text-right">
                <a href="" class="a1">堆糖生活家</a>
                <a href="" class="a2">注册或登录</a>
            </div>
        </div>
    </div>
</header>
<div class="header-center">
    <div class="container">
        <img src="images/erweima_03.png" alt="" class="erweima">
        <img src="images/erweima2_03.png" alt="" class="erweima2">
    </div>
</div>
<div class="header-bottom">
    <div class="container">
       <div class="row">
                <div class="col-md-9">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="images/2.jpeg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="images/3.png" alt="">
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="li">
                        <h5>社区热点</h5>
                        <div class="ba">
                            <div class="row">
                                <div class="col-md-4 col-4 text-center"><a href="">欧美风</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">美甲</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">东宫</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">张云雷</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">插画</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">女生节</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">阿丽塔</a></div>
                                <div class="col-md-4 col-4 text-center"><a href="">猫</a></div>
                            </div>
                        </div>
                        <div class="er">
                            <div class="y">
                                <a href="">
                                    <span class="b1">精选</span>
                                    <span class="c1">招募 ● 少女感养成学院</span>
                                </a>
                            </div>
                            <div class="e">
                                <a href="">
                                    <span class="b1">工具</span>
                                    <span class="c1">堆糖收图小助手</span>
                                </a>
                            </div>
                        </div>
                        <div class="san">
                            <div class="z"><img src="images/shouji_03.png" alt=""></div>
                            <div class="zi">
                                <h6>堆糖 - 美好生活研究所</h6>
                                <h6>最佳生活类应用</h6>
                                <a href="">立即下载</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>
<div class="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <div class="row">
                    <div class="col-md-12 col-6">
                        <ul>
                            <li class="li1"><a href=""><i>|</i> 每日精选</a></li>
                        </ul>
                    </div>
                    <div class="col-md-12 col-6">
                        <ul>
                            <li><a href="">关注动态</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/duitangtouxiang_03.png" alt="" class="d1"></a>
                        <h5>堆糖小喇叭</h5>
                        <span >热门内容</span>
                        <p>留下壁纸，我们就是朋友</p>
                        <div class="t1">
                            <img src="images/yz-1_03.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/duitangtouxiang_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">堆糖小喇叭</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="row">
                                <div class="one col-4">
                                    <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                    <span>140</span>
                                </div>
                                <div class="two col-4">
                                    <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                    <span>219</span>
                                </div>
                                <div class="three col-4">
                                    <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                    <span>更多</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi con">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang2_03.png" alt="" class="d1"></a>
                        <h5>coloroom彩条屋</h5>
                        <span>热门内容</span>
                        <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                        <div class="t1">
                            <img src="images/yz-2_06.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang2_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">coloroom彩条屋</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>1228</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>1581</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi con">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang3_06.png" alt="" class="d1"></a>
                        <h5>美少女PINK酱</h5>
                        <span>热门内容</span>
                        <p>9.9包邮的宿舍神器，好用死了！连查寝老师都要跟我要链接！</p>
                        <div class="t1">
                            <img src="images/yz-3_08.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang3_06.png" alt="" class="xiaotouxiang">
                                <span class="f1">美少女PINK酱</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>161</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>765</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi text">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang4_03.png" alt="" class="d1"></a>
                        <h5>-你是我全世界最喜欢的猪-</h5>
                        <span>热门内容</span>
                        <p>有哪些适合摘抄的且文艺悲凉的故事？</p>
                        <a href=""><img src="images/tu4_06.png" alt="" class="tu"></a>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>82</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png " alt=""></a>
                                <span>274</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang5_03.png" alt="" class="d1"></a>
                        <h5>干脆面炼金术士</h5>
                        <span>热门内容</span>
                        <p>人生的意义，在于一天比一天活的快乐</p>
                        <div class="t1">
                            <img src="images/yz-5_10.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang5_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">干脆面炼金术士</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>54</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>104</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/duitangtouxiang_03.png" alt="" class="d1"></a>
                        <h5>堆糖小喇叭</h5>
                        <span>热门内容</span>
                        <p>我曾为你动过情</p>
                        <div class="t1">
                            <img src="images/yz-6_12.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/duitangtouxiang_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">堆糖小喇叭</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>300</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>665</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi loe">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang4_03.png" alt="" class="d1"></a>
                        <h5>-你是我全世界最喜欢的猪-</h5>
                        <span>热门内容</span>
                        <p>登上79所高校学生借阅排行榜的九本书。</p>
                        <a href=""><img src="images/tu8_03.png" alt="" class="tu"></a>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>59</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>151</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang6_06.png" alt="" class="d1"></a>
                        <h5>情写风月</h5>
                        <span>热门内容</span>
                        <p>799风景内测美化包</p>
                        <div class="t1">
                            <img src="images/yz-6_12.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang6_06.png" alt="" class="xiaotouxiang">
                                <span class="f1">情写风月</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>35</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>22</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi text">
                    <div class="neirong">
                        <a href=""><img src="images/touxaing7_11.png" alt="" class="d1"></a>
                        <h5>申</h5>
                        <span>热门内容</span>
                        <p>火影你们粉谁 留名我去截头像</p>
                        <a href=""><img src="images/tu9_14.png" alt="" class="tu"></a>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>9</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>1</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi con">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang3_06.png" alt="" class="d1"></a>
                        <h5>美少女PINK酱</h5>
                        <span>热门内容</span>
                        <p>初春外套美炸天！！第一件闺蜜追着我要链接！</p>
                        <div class="t1">
                            <img src="images/yz-3_08.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang3_06.png" alt="" class="xiaotouxiang">
                                <span class="f1">美少女PINK酱</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>57</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>126</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang8_06.png" alt="" class="d1"></a>
                        <h5>少女感养成学院</h5>
                        <span>热门内容</span>
                        <p>同桌的你</p>
                        <div class="t1">
                            <img src="images/yz-11_18.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang8_06.png" alt="" class="xiaotouxiang">
                                <span class="f1">少女感养成学院</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>89</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>106</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/duitangtouxiang_03.png" alt="" class="d1"></a>
                        <h5>堆糖小喇叭</h5>
                        <span>热门内容</span>
                        <p>我的cp真香！</p>
                        <div class="t1">
                            <img src="images/yz-12_20.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/duitangtouxiang_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">堆糖小喇叭</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>91</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>107</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/touxaing9_13.png" alt="" class="d1"></a>
                        <h5>白日做梦大熊</h5>
                        <span>热门内容</span>
                        <p>当女生也太太太太不容易了</p>
                        <div class="t1">
                            <img src="images/yz-13_22.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxaing9_13.png" alt="" class="xiaotouxiang">
                                <span class="f1">白日做梦大熊</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>78</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>76</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi text">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang4_03.png" alt="" class="d1"></a>
                        <h5>-你是我全世界最喜欢的猪-</h5>
                        <span>热门内容</span>
                        <p>有哪些好看值得回味的爱情电影？</p>
                        <a href=""><img src="images/tu14_18.png" alt="" class="tu"></a>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>80</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>293</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang10_03.png" alt="" class="d1"></a>
                        <h5>堆糖Class小助手</h5>
                        <span>热门内容</span>
                        <p>伴随一生的[少女感]，拥有他一点也不难</p>
                        <div class="t1">
                            <img src="images/yz-15_24.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang10_03.png" alt="" class="xiaotouxiang">
                                <span class="f1">堆糖Class小助手</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>34</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>41</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi con">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang11_09.png" alt="" class="d1"></a>
                        <h5>飞乐鸟</h5>
                        <span>热门内容</span>
                        <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                        <div class="t1">
                            <img src="images/yz-16_26.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang11_09.png" alt="" class="xiaotouxiang">
                                <span class="f1">飞乐鸟</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>68</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>63</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi con">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang3_06.png" alt="" class="d1"></a>
                        <h5>美少女PINK酱</h5>
                        <span>热门内容</span>
                        <p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                        <div class="t1">
                            <img src="images/yz-17_28.gif" alt="" class="tu">
                            <a href=""><div class="zuo">
                                <img src="images/touxiang3_06.png" alt="" class="xiaotouxiang">
                                <span class="f1">美少女PINK酱</span>
                            </div></a>
                            <a href=""><div class="you">
                                <span class="f1" style="color: white"><i class="fa fa-file-text-o"></i> 文章</span>
                            </div></a>
                        </div>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>139</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>461</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="yiyi loe">
                    <div class="neirong">
                        <a href=""><img src="images/touxiang4_03.png" alt="" class="d1"></a>
                        <h5>-你是我全世界最喜欢的猪-</h5>
                        <span>热门内容</span>
                        <p>中国最全的拔弦 击弦类乐器合集种类十分多 涨姿势了。</p>
                        <a href=""><img src="images/daoshu1_06.png" alt="" class="tu"></a>
                        <div class="dianzan">
                            <div class="one">
                                <a href=""><img src="images/dianzanfu_03.png" alt=""></a>
                                <span>42</span>
                            </div>
                            <div class="two">
                                <a href=""><img src="images/xingxing_05.png" alt=""></a>
                                <span>71</span>
                            </div>
                            <div class="three">
                                <a href=""><img src="images/gengduo_03.png" alt=""></a>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="neirong2">
                    <h5>推荐关注</h5>
                    <p><a href="">换一批</a></p>
                    <div class="four">
                        <img src="images/four-touxiang_03.png" alt="">
                        <h6>蓝蓝蓝de海</h6>
                        <span>擅长领域：手工、园艺</span>
                        <a href="">关注</a>
                    </div>
                    <div class="five">
                        <img src="images/five-touxiang_06.png" alt="">
                        <h6>猫头鹰叔叔</h6>
                        <span>擅长领域：摄影</span>
                        <a href="">关注</a>
                    </div>
                    <div class="six">
                        <img src="images/six-touxiang_08.png" alt="">
                        <h6>兔纸鱼</h6>
                        <span>擅长领域：Q版</span>
                        <a href="">关注</a>
                    </div>
                    <div class="seven">
                        <img src="images/seven-touxiang_10.png" alt="">
                        <h6>小龍奶黄包</h6>
                        <span>擅长领域：壁纸、Q版</span>
                        <a href="">关注</a>
                    </div>
                </div>
                <div class="eight">
                    <a href="" class="gengduo">查看更多></a>
                </div>
                <div class="nine">
                    <img src="images/erweima2_03.png" alt="">
                </div>
            </div>
        </div>
        <div class="kan">
            <a href="" class="cha">查看更多 <i class="fa fa-angle-down" aria-hidden="true"></i> </a>
        </div>
    </div>
</div>
<footer>
    <div class="container">
            <div class="row">
                <div class="col-md-3" style="border-right: 1px solid #999;">
                    <h3 style="color: white">APP下载</h3>
                    <img style="width:34%;height: 49%;margin: auto;display: block" src="images/footer-logo_03.png" alt="">
                    <p style="color: white;width: 150px;margin: auto;margin-top: 5px; padding-left: 35px;">扫描二维码</p>
                    <p style="color: white;width: 150px;margin: auto;margin-top: 5px;">下载糖堆手机客户端</p>
                </div>
                <div class="col-md-1">

                </div>
                <div class="col-md-8">
                    <div class="col-md-3">
                        <h3>关于我们</h3>
                        <ul>
                            <li><a href="">关于我们</a></li>
                            <li><a href="">加入我们</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">上午合作</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h3>关注我们</h3>
                        <ul>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <h3>友情链接</h3>
                        <ul>
                            <li><a href="" style="float: left;margin-right: 30px;">爱物网</a></li>
                            <li><a href="" style="float: left;margin-right: 30px;">东方女性</a></li>
                            <li><a href="">肉丁网</a></li>
                            <li><a href="">更多..</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        <div class="sss">
            <div class="row">
                <div class="col-md-12" style="margin-top: 10px;">
                    <span style="color: white">&copy2019 duitang.com 版权所有。</span>
                    <a href="">
                        沪ICP备10038086号-3 <img src="images/footer-xiaoyitu_07.png" alt=""><img style="margin-left: 6px" src="images/footer-xiaoertu_09.png" alt="">丨</a>
                    <span  style="color: white">增值电信业务经营许可证：沪B2-20180610</span>
                    <a href="">自营经营者信息</a>
                    <div class="fff">
                        <img src="images/footer-xiaosantu_12.png" alt="">
                        <a href="">上海市互联网违法和不良信息举报中心丨</a>
                        <a href="">有害内容举报电话：021-63462282</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<div id="hui" class="hui">
    <i class="fa fa-arrow-up"></i>
</div>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>